<template>
	<view class="gui-card-view gui-margin-top gui-border-t">
		<view class="gui-card-body gui-border-b gui-flex gui-rows gui-nowrap">
			<view class="gui-card-desc">
				<view class="gui-flex gui-rows gui-nowrap gui-align-items-center gui-justify-content-center">
					<text class="gui-card-name gui-primary-text">
						{{ description }}
					</text>
				</view>
			</view>
		</view>
		<view class="gui-card-footer gui-flex gui-rows gui-nowrap gui-space-between gui-align-items-center">
			<text @click="golastpage" class="gui-icons gui-card-footer-item gui-border-r">&#xe600;上一页</text>
			<text @click="gonextpage" class="gui-icons gui-card-footer-item gui-border-r">下一页&#xe601;</text>
		</view>
	</view>
</template>

<script setup>
	import { defineProps,defineEmits } from 'vue'
	
	const emit = defineEmits(['golastpage', 'gonextpage']);

	const props = defineProps({
		description: String
	});
	
	function golastpage(){
		emit('golastpage')
	}
	
	function gonextpage(){
		emit('gonextpage')
	}
</script>

<style scoped>
	@import "../../lib/css/ybcard.css";
</style>